<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<!DOCTYPE html>
<html lang="en-US">
    <!--<![endif]-->

    <head>
        <meta charset="utf-8">
        <title>
           即将上线
        </title><!-- Behavioral Meta Data -->
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"><!-- Core Meta Data -->
        <meta content="ThemeWagon" name="author">
        <meta content="The most spectacular coming soon template!" name="description">
        <meta content="Comming Soon, Responsive, Landing Page, One Page" name="keywords"><!-- Open Graph Meta Data -->
        <meta content="The most spectacular coming soon template!">
        <meta content="ThemeWagon">
        <meta content="ThemeWagon">
        <meta content="website">
        <meta content="index.html"><!-- Twitter Card Meta Data -->
        <meta content="summary" name="twitter:card">
        <meta content="@themewagon" name="twitter:site">
        <meta content="@themewagon" name="twitter:creator">
        <meta content="ThemeWagon" name="twitter:title">
        <meta content="Imminent - The most spectacular coming soon template!" name="twitter:description">

        <link href="favicon.png" rel="shortcut icon" type="image/png">

        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
        <!-- CSS -->
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,900' rel='stylesheet' type='text/css'><!-- Styles -->
        <link href="css/loader.css" rel="stylesheet" type="text/css">
        <link href="css/normalize.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/ie.css"/>
        <![endif]-->
        <!-- Javascript -->

        <script src="js/jquery.js"></script>
    </head>
    <body>
        <div class="preloader">
            <div class="loading">
                <h2>
                    Loading...
                </h2>
                <span class="progress"></span>
            </div>
        </div>

        <div class="wrapper">
            <ul class="scene unselectable" data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="25" data-scalar-y="15" id="scene">
                <li class="layer" data-depth="0.00">
                </li>
                <!-- BG -->

                <li class="layer" data-depth="0.10">
                    <div class="background">
                    </div>
                </li>

                <!-- Hero -->

                <li class="layer" data-depth="0.20">
                    <div class="title">
                        <h2>
                            软件协会                        </h2>
                            <h2>
                                <br>
                            c ruan                        </h2>
                        <span class="line"></span>
                    </div>
                </li>


                <li class="layer" data-depth="0.30">
                    <div class="hero">
                        <h1 id="countdown" style="">
                            倒计时
                        </h1>

                        <p class="sub-title" style="-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image: linear-gradient(to right,#FFB800,#FF5722,#01AAED,#2F4056);">
                            <img src="images/即刻启程.png" alt="" style="border-radius: 10px">
                        </p>
                    </div>
                </li>
                <!-- Flakes -->

                <li class="layer" data-depth="0.40">
                    <!--<header class="l-top hasAnim arrow-holder" style="position: absolute;z-index: 1000">
                        <a data-path-hover="M31.3184948,33.1943359 C36.3357454,28.0664371 44.4728686,28.0690462 49.572124,33.2807584 C54.6360745,38.4563871 54.6061839,46.8782889 49.6566817,51.9369454 L31.318494,69.5197703 L49.6566817,89.71735 C54.6739322,94.8452488 54.6713794,103.161825 49.572124,108.373537 C44.5081735,113.549166 36.267997,113.518616 31.3184948,108.459959 L3.8112137,78.891075 C-1.25273677,73.7154463 -1.2880417,65.3601778 3.8112137,60.1484655 L31.3184948,33.1943359 Z">
                            <svg width="0" height="0">
                                <path fill="#fff" d="M58.9103319,3.8342148C63.9275825,-1.29368407,72.0647057,-1.29107495,77.1639611,3.92063726C82.2279116,9.09626594,82.198021,17.5181678,77.2485188,22.5768242C77.2485188,22.5768242,31.318494,69.5197703,31.318494,69.5197703C31.318494,69.5197703,77.2485188,116.462716,77.2485188,116.462716C82.2657693,121.590615,82.2632165,129.907191,77.1639611,135.118903C72.1000106,140.294532,63.8598341,140.263982,58.9103319,135.205326C58.9103319,135.205326,3.8112137,78.891075,3.8112137,78.891075C-1.25273677,73.7154463,-1.2880417,65.3601778,3.8112137,60.1484655C3.8112137,60.1484655,58.9103319,3.8342148,58.9103319,3.8342148C58.9103319,3.8342148,58.9103319,3.8342148,58.9103319,3.8342148"></path>
                            </svg>
                        </a>
                        <a data-path-hover="M31.3184948,33.1943359 C36.3357454,28.0664371 44.4728686,28.0690462 49.572124,33.2807584 C54.6360745,38.4563871 54.6061839,46.8782889 49.6566817,51.9369454 L31.318494,69.5197703 L49.6566817,89.71735 C54.6739322,94.8452488 54.6713794,103.161825 49.572124,108.373537 C44.5081735,113.549166 36.267997,113.518616 31.3184948,108.459959 L3.8112137,78.891075 C-1.25273677,73.7154463 -1.2880417,65.3601778 3.8112137,60.1484655 L31.3184948,33.1943359 Z">
                            <svg width="0" height="0">
                                <path fill="#fff" d="M58.9103319,3.8342148 C63.9275825,-1.29368407 72.0647057,-1.29107495 77.1639611,3.92063726 C82.2279116,9.09626594 82.198021,17.5181678 77.2485188,22.5768242 L31.318494,69.5197703 L77.2485188,116.462716 C82.2657693,121.590615 82.2632165,129.907191 77.1639611,135.118903 C72.1000106,140.294532 63.8598341,140.263982 58.9103319,135.205326 L3.8112137,78.891075 C-1.25273677,73.7154463 -1.2880417,65.3601778 3.8112137,60.1484655 L58.9103319,3.8342148 Z"></path>
                            </svg>
                        </a>
                    </header>-->
<!--                    <div class="depth-1 flake1">-->
<!--                        <img alt="flake" src="images/flakes/depth1/flakes1.png">-->
<!--                    </div>-->

<!--                    <div class="depth-1 flake2">-->
<!--                        <img alt="flake" src="images/flakes/depth1/flakes2.png">-->
<!--                    </div>-->

<!--                    <div class="depth-1 flake3">-->
<!--                        <img alt="flake" src="images/flakes/depth1/flakes3.png">-->
<!--                    </div>-->

<!--                    <div class="depth-1 flake4">-->
<!--                        <img alt="flake" src="images/flakes/depth1/flakes4.png">-->
<!--                    </div>-->
<!--                </li>-->

<!--                <li class="layer" data-depth="0.50">-->
<!--                    <div class="depth-2 flake1">-->
<!--                        <img alt="flake" src="images/flakes/depth2/flakes1.png">-->
<!--                    </div>-->

<!--                    <div class="depth-2 flake2">-->
<!--                        <img alt="flake" src="images/flakes/depth2/flakes2.png">-->
<!--                    </div>-->
<!--                </li>-->

<!--                <li class="layer" data-depth="0.60">-->

<!--                    <div class="depth-3 flake1">-->
<!--                        <img alt="flake" src="images/flakes/depth3/flakes1.png">-->
<!--                    </div>-->

<!--                    <div class="depth-3 flake2">-->
<!--                        <img alt="flake" src="images/flakes/depth3/flakes2.png">-->
<!--                    </div>-->

<!--                    <div class="depth-3 flake3">-->
<!--                        <img alt="flake" src="images/flakes/depth3/flakes3.png">-->
<!--                    </div>-->

<!--                    <div class="depth-3 flake4">-->
<!--                        <img alt="flake" src="images/flakes/depth3/flakes4.png">-->
<!--                    </div>-->
<!--                </li>-->

                <!--云朵位置-->
             <!--   <li class="layer" data-depth="0.80">
                    <div class="depth-4">
                        <img alt="flake" src="images/flakes/depth4/flakes.png">
                    </div>
                </li>

                <li class="layer" data-depth="1.00">
                    <div class="depth-5">
                        <img alt="flake" src="images/flakes/depth5/flakes.png">
                    </div>
                </li>-->
                 Contact

                <li class="layer" data-depth="0.20">
                    <div class="contact">
<!--                         <ul class="icons">
                            <li>
                                <a class="behance" href="#"><i class="fa fa-behance"></i></a>
                            </li>

                            <li>
                                <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
                            </li>

                            <li>
                                <a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a>
                            </li>
                        </ul>-->
                        <audio id="one" src="music/B.mp3" controls loop autoplay style="outline: none;"></audio>
<!--                        <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">-->
<!--                            空格播放/暂停音乐-->
<!--                    </a>-->
                        <br>
                        <a class="mail" href="mailto:info@example.com">订阅-随时递上最新消息</a>
                    </div>
                </li>
            </ul>
        </div>

    <!-- Javascript -->
    <script>NProgress.start();</script>
<!--    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
    <script src="js/points/blogbenoitboucart.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/jquery.countdown.min.js"></script>
    <script src="js/main.js"></script>
    <script>
        $(function () {

        })
    </script>


    </body>
</html>